Colors palette
Colors palette for every color used in the library, excluding the chart itself. Colors on the chart are set through the ColorsRepository.
Each color in the palette is stored as a Color object. Colors are represented in the ARGB (Alpha, Red, Green, Blue) format, where Alpha represents transparency, and Red, Green, Blue represent the corresponding color components.
Within the library, the palette is passed in the DxChartsColors object, which needs to be passed as a parameter to DxChartsTheme. Default colors can be obtained by calling the darkPalette() method.
How to change color palette you can find here
Colors table:
| Value name | HEX (Dark) | Alpha (%) (Dark) | HEX (Light) | Alpha (%) (Light) |
|---|---|---|---|---|
| mainChartBg | #FF000000 | 100% | #FFFFFFFF | 100% |
| mainChartValueText | #FF808080 | 100% | #FF4D4D4D | 100% |
| mainChartValueTextBorder | #66000000 | 40% | #66FFFFFF | 40% |
| mainChartGridLine | #FF282828 | 100% | #FFE5E5E5 | 100% |
| buttonPrimaryDefault | #FF141414 | 100% | #FFF5F5F5 | 100% |
| mainChartCandleBullBodyBg | #FF4d9953 | 100% | #FF67AD6D | 100% |
| mainChartCandleBearBodyBg | #FFD92C40 | 100% | #FFEB4C4C | 100% |
| mainChartIndicatorNameBg | #FFFFFFFF | 100% | #FF404040 | 100% |
| mainChartCrosshairLineBg | #FFFFAA00 | 100% | #FFFF5B24 | 100% |
| mainChartSymbolName | #FFFFFFFF | 100% | #FF404040 | 100% |
| iconPrimaryDefaultBg | #FFD4D4D3 | 100% | #FF1F1F1F | 100% |
| inputDefaultText | #FFFFFFFF | 100% | #FF000000 | 100% |
| inputTextActive | #FFFFAA00 | 100% | #FFFFFFFF | 100% |
| dropdownListItemSelectedText | #FFFFAA00 | 100% | #FFFF5B24 | 100% |
| dropdownListItemDefaultText | #FFDFDEDF | 100% | #FF4D4D4D | 100% |
| dropdownDescriptionText | #FF70706F | 100% | #FFD1D1D1 | 100% |
| databoxTextDefault | #FFE5E4E4 | 100% | #FF4C4242 | 100% |
| dropdownDefaultBg | #FF141414 | 100% | #FFFFFFFF | 100% |
| iconActiveBg | #FFFFAA00 | 100% | #FFFF5B24 | 100% |
| iconActiveDisabledDefaultBg | #FF4D3300 | 100% | #66FF5B24 | 40% |
| iconPressedBg | #FFFFAA00 | 100% | #FFFFFFFF | 100% |
| iconSecondaryDefaultBg | #FF6E6C6B | 100% | #FFD1D1D1 | 100% |
| iconDisabledDefaultBg | #FF6E6C6B | 100% | #FFD1D1D1 | 100% |
| buttonPrimaryPressed | #FF433211 | 100% | #FFFF5B24 | 100% |
| separator | #FF282828 | 100% | #FFE5E5E5 | 100% |
| listBackground | #80000000 | 50% | #80FFFFFF | 50% |
| searchRowBg | #FF202020 | 100% | #FF202020 | 100% |
| searchRowTextBg | #1CFFFFFF | 11% | #1CFFFFFF | 11% |
| colorButtonBorderStrokeColor | #1AFFFFFF | 10% | #1AFFFFFF | 10% |
| colorPickerPressed | #FFD4D4D3 | 100% | #FFD4D4D3 | 100% |
| bidButtonBg | #3345BB4F | 20% | #FF6FB974 | 100% |
| bidButtonTextColor | #FF42b34b | 100% | #FFFFFFFF | 100% |
| askButtonBg | #3DD23A2B | 24% | #FFF66857 | 100% |
| askButtonTextColor | #FFD23A2B | 100% | #FFFFFFFF | 100% |
| buttonDangerDefaultBg | #FFD92C40 | 100% | #FFD92C40 | 100% |
| buttonPrimaryDefaultText | #FF292929 | 100% | #FFFFFFFF | 100% |
| inputBorderDefaultBg | #FF282828 | 100% | #FFE0E0E0 | 100% |
| eventsEarningsBg | #FFD92C40 | 100% | #FFD92C40 | 100% |
| eventsDividendsBg | #FFC05BFF | 100% | #FFC05BFF | 100% |
| eventsConferenceCallsBg | #FF65DBB2 | 100% | #FF65DBB2 | 100% |
| eventsSplitsBg | #FFF4BB3F | 100% | #FFF4BB3F | 100% |
| notificationHeaderText | #FFFFAA00 | 100% | #FFFF5B24 | 100% |
| notificationBodyText | #FF666666 | 100% | #FF4D4D4D | 100% |
| searchRowText | #FFE5E5E5 | 100% | #FFE5E5E5 | 100% |
| searchRowContinuationText | #FF6E6C6B | 100% | #FF6E6C6B | 100% |
| buttonBorderBg | #FF282828 | 100% | #FFE5E5E5 | 100% |
| tabDefaultBg | #FF141414 | 100% | #FFEBEBED | 100% |
| tabActiveBg | #FFFFAA00 | 100% | #FFFFFFFF | 100% |
| tabTextDefault | #FFDFDEDF | 100% | #FF292929 | 100% |
| tabTextActive | #FF292929 | 100% | #FF292929 | 100% |
| suggestHighlightBg | #33FFAA00 | 20% | #FFFF5B24 | 100% |
| suggestHighlightText | #FFFFAA00 | 100% | #FFFFFFFF | 100% |
| buyOrderBg | #FF0E2510 | 100% | #800E2510 | 50% |
| sellOrderBg | #FF320E0A | 100% | #80320E0A | 50% |
| protectionText | #FFFFAA00 | 100% | #FFFFAA00 | 100% |
| protectionBg | #FF332200 | 100% | #80332200 | 50% |
| protectionSetupText | #FFFFFFFF | 100% | #FF404040 | 100% |
| plusOrderButtonBg | #FF332200 | 100% | #FFFF5B24 | 100% |
| plusOrderButton | #FFFFAA00 | 100% | #FFFFFFFF | 100% |
DxChartsColors file and default colors values - https://stash.in.devexperts.com/projects/DXCHARTS/repos/dxcharts-android/browse/dxcharts_lib/src/main/java/com/devexperts/dxcharts/lib/ui/theme/Colors.kt.